<template>
  <div class="FormBox">
    <div class="FormBox1">
      <img
        src="../../../images/fae98107-94c4-47d1-ab04-f3e21ba7d864.png"
        alt=""
        @click="goBackFrom"
      />
    </div>
    <div class="fromBox2">
      <el-form :model="form" label-width="auto" style="max-width: 600px">
        <el-form-item label="真实姓名">
          <el-input v-model="form.name" />
        </el-form-item>
        <el-form-item label="所属医院">
          <el-input v-model="form.address" />
        </el-form-item>
        <el-form-item label="所属科室">
          <el-input v-model="form.Families" />
        </el-form-item>
        <el-form-item label="职称">
          <el-input v-model="form.appellation" />
        </el-form-item>
        <el-form-item label="个人介绍">
          <el-input v-model="form.msg" type="textarea" />
        </el-form-item>
        <el-form-item label="擅长领域">
          <el-input v-model="form.msg1" type="textarea" />
        </el-form-item>
      </el-form>
    </div>
    <div class="fromFooter">
      <b>如需更改以上信息 请致电000-5967432</b>
    </div>
  </div>
</template>

<script setup>
import { reactive } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();
const form = reactive({
  name: "张三",
  address: "广东省妇幼保健医院",
  Families: "牙科",
  appellation: "副主任医师",
  msg: "2006年就读广州医学院医学研究生新生儿专业,导师为广东省妇幼保健院张晓庄院长,2009年顺利毕业并就职于广东省妇幼保健院新生儿科重症监护室(ICU)。于2011年晋升为主治医师。2014年晋升为副主任医师并于同年共度华南大学医学博士。",
  msg1: "新生儿黄疸，肺炎，脑膜炎，呼吸窘迫，新生儿贫血，肺动脉高压等各种新生儿重症的诊断及治疗，掌握各种呼吸机使用，气管插管，心肺复苏等技术。",
});
const goBackFrom = () => {
  router.go(-1);
};
</script>

<style lang="scss">
.FormBox {
  width: 100vw;
  height: 100vh;
}
.FormBox1{
  padding-left: 50px;
}
.fromBox2 {
  width: 90%;
  height: 580px;
  margin: 15px;
}
.el-textarea__inner {
  width: 100%;
  height: 150px;
}
.el-form-item__label-wrap {
  margin-left: 0px !important;
}
.el-input {
  padding-left: 30px;
}
.fromFooter {
  width: 100%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #70adf2;
}
</style>